<template>
	<view class="content">
		<view class="policy-content">
			<template v-if="policyList.length>0">
				<view class="policy-item" v-for="item in policyList" :key="item.id" @click="menuJump(item.url,item.id)">
					<!-- <view class="img"> -->

					<img :src="imageUrl+item.src" alt="" class="img">
					<img :src="imageUrl+'/home/play.png'" alt="" class="play">
					<!-- </view> -->
					<view class="policy-info">
						<view class="title">
							{{ item.title }}
						</view>
						<view class="time">
							{{ item.time }}
						</view>
					</view>
				</view>
			</template>
			<view v-else style="text-align: center;margin-top: 30rpx;">暂无数据</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl: '',
				policyList: [
					// {
					// 	id: 1,
					// 	src: "/home/chuangye/tupian1.png",
					// 	title: "酒泉舒心水果业商贸有限公司  总经理  董事长  白玉恒",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail'
					// },
					// {
					// 	id: 2,
					// 	src:'/home/chuangye/tupian2.png',
					// 	title: "酒泉诚德农业农民专业合作社  理事长   范立德",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail1'
					// },
					// {
					// 	id: 3,
					// 	src: "/home/chuangye/tupian3.png",
					// 	title: "甘肃雄狮保安服务有限公司  董事长  韩进彪",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail2'
					// },
					// {
					// 	id: 4,
					// 	src: "/home/chuangye/tupian4.png",
					// 	title: "甘肃吉光片羽时代文化传媒有限公司 总经理 祁博",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail3'
					// },
					// {
					// 	id: 5,
					// 	src: "/home/chuangye/tupian5.png",
					// 	title: "甘肃渤汇恒达工程检测有限公司 总经理  于松平",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail4'
					// },
					// {
					// 	id: 6,
					// 	src: "/home/chuangye/tupian6.png",
					// 	title: "酒泉盛天农业发展有限公司  董事长  盛晓玲",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail5'
					// },
					// {
					// 	id: 7,
					// 	src: "/home/chuangye/tupian7.png",
					// 	title: "甘肃非凡洁净日化有限公司  董事长  王建明",
					// 	time: "2023-03-04",
					// 	url:'/page_other/serve/case_detail6'
					// }
				]
			}
		},
		methods: {
			navigate(url) {
				uni.navigateTo({
					url
				})
			},
			menuJump(url, id) {
				if (url) {
					uni.navigateTo({
						url: url + '?id=' + id
					})
				} else {
					uni.showToast({
						title: '该功能暂未开放QWQ~',
						icon: 'none'
					})
				}
			}
		},
		onLoad(e) {
			this.imageUrl = this.globalConfig.imageUrl
		}
	}
</script>

<style lang="scss" scoped>
	.policy-content {
		width: 100%;
		height: 100%;
		padding: 30rpx;

		.policy-item {
			position: relative;
			width: 100%;
			height: 250rpx;
			display: flex;
			background-color: #FFFFFF;
			border-radius: 40rpx;
			box-sizing: border-box;
			padding: 20rpx;

			.play {
				position: absolute;
				left: 17%;
				top: 35%;
				width: 70rpx;
				height: 70rpx;
			}

			.img {
				width: 330rpx;
				height: 205rpx;
				border-radius: 20rpx;
				background-color: #808080;
			}

			.policy-info {
				width: calc((100% - 175rpx));
				height: 205rpx;
				margin-left: 20rpx;

				.title {
					font-size: 35rpx;
					line-height: 50rpx;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}

				.time {
					margin-top: 60rpx;
					color: #767676;
				}
			}
		}
	}
</style>